import Vue from 'vue';

let idCounter = 4;

const defaultList = [
  {
    value: '学习js',
    isDone: false,
    id: 0,
  },
  {
    value: '不学习js',
    isDone: true,
    id: 1,
  },
  {
    value: '不不学习js',
    isDone: true,
    id: 2,
  },
  {
    value: '不不不学习js',
    isDone: false,
    id: 3,
  },
];

export default new Vue({
  data () {
    return {
      list: defaultList,
      status: '全部',
    };
  },
  // 实例初始化完成时
  created () {
    // 添加
    this.$on('添加', (value) => {
      this.list.push({
        value,
        isDone: false,
        id: idCounter++,
      });
    });
    // 状态模式
    // 提供修改状态的事件
    this.$on('修改状态', (newStatus) => {
      this.status = newStatus;
    });
  },
});
